<template>
    <div>
        <div class="market_title">投放设置</div>
        <el-form-item label="转化目标" prop="external_action" :rules="{required: true, message: '请选择转化目标', trigger: ['blur', 'change']}" style="margin-bottom:0">
            <el-radio-group v-model="createform.external_action" @change="changeExternal" class="create_radio" style="width:834px">
                <template v-if="dataForm.market=='VIDEO_PROM_GOODS'">
                    <el-radio label="AD_CONVERT_TYPE_SHOPPING">
                        <div class="flexbox flexcenter conversion_type">
                            <img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">
                            <img src="../../../assets/img/conversion_icon1.svg" alt="" class="conversion_img">
                            <div class="conversion_info">
                                <div class="conversion_name">商品购买</div>
                                <div class="conversion_text">更多人购买商品</div>
                            </div>
                        </div>
                    </el-radio>
                    <el-radio label="AD_CONVERT_TYPE_QC_FOLLOW_ACTION" :disabled="createform.lab_ad_type=='LAB_AD'">
                        <div class="flexbox flexcenter conversion_type">
                            <img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">
                            <img src="../../../assets/img/conversion_icon2.svg" alt="" class="conversion_img">
                            <div class="conversion_info">
                                <div class="conversion_name">粉丝提升</div>
                                <div class="conversion_text">更多人关注抖音号</div>
                            </div>
                        </div>
                    </el-radio>
                    <el-radio label="AD_CONVERT_TYPE_QC_MUST_BUY" :disabled="createform.lab_ad_type=='LAB_AD'">
                        <div class="flexbox flexcenter conversion_type">
                            <img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">
                            <img src="../../../assets/img/conversion_icon3.svg" alt="" class="conversion_img">
                            <div class="conversion_info">
                                <div class="conversion_name">点赞评论</div>
                                <div class="conversion_text">更多人点赞或评论</div>
                            </div>
                        </div>
                    </el-radio>
                </template>
                <template v-else-if="dataForm.market=='LIVE_PROM_GOODS'">
                    <el-radio label="AD_CONVERT_TYPE_LIVE_ENTER_ACTION" :disabled="createform.lab_ad_type=='LAB_AD'">
                        <div class="flexbox flexcenter conversion_type">
                            <img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">
                            <img src="../../../assets/img/conversion_icon4.svg" alt="" class="conversion_img">
                            <div class="conversion_info">
                                <div class="conversion_name">进入直播间</div>
                                <div class="conversion_text">更多人进入直播间</div>
                            </div>
                        </div>
                    </el-radio>
                    <el-radio label="AD_CONVERT_TYPE_LIVE_CLICK_PRODUCT_ACTION" :disabled="createform.lab_ad_type=='LAB_AD'">
                        <div class="flexbox flexcenter conversion_type">
                            <img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">
                            <img src="../../../assets/img/conversion_icon5.svg" alt="" class="conversion_img">
                            <div class="conversion_info">
                                <div class="conversion_name">直播间商品点击</div>
                                <div class="conversion_text">更多人点击商品</div>
                            </div>
                        </div>
                    </el-radio>
                    <el-radio label="AD_CONVERT_TYPE_LIVE_SUCCESSORDER_ACTION" :disabled="createform.lab_ad_type=='LAB_AD'">
                        <div class="flexbox flexcenter conversion_type">
                            <img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">
                            <img src="../../../assets/img/conversion_icon6.svg" alt="" class="conversion_img">
                            <div class="conversion_info">
                                <div class="conversion_name">直播间下单</div>
                                <div class="conversion_text">更多人下单商品</div>
                            </div>
                        </div>
                    </el-radio>
                    <el-radio label="AD_CONVERT_TYPE_LIVE_SUCCESSORDER_PAY">
                        <div class="flexbox flexcenter conversion_type">
                            <img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">
                            <img src="../../../assets/img/conversion_icon7.svg" alt="" class="conversion_img">
                            <div class="conversion_info">
                                <div class="conversion_name">直播间成交</div>
                                <div class="conversion_text">更多人支付订单</div>
                            </div>
                        </div>
                    </el-radio>
                    <el-radio label="AD_CONVERT_TYPE_NEW_FOLLOW_ACTION" :disabled="createform.lab_ad_type=='LAB_AD'">
                        <div class="flexbox flexcenter conversion_type">
                            <img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">
                            <img src="../../../assets/img/conversion_icon8.svg" alt="" class="conversion_img">
                            <div class="conversion_info">
                                <div class="conversion_name">直播间粉丝提升</div>
                                <div class="conversion_text">更多人关注抖音号</div>
                            </div>
                        </div>
                    </el-radio>
                    <el-radio label="AD_CONVERT_TYPE_LIVE_COMMENT_ACTION" :disabled="createform.lab_ad_type=='LAB_AD'">
                        <div class="flexbox flexcenter conversion_type">
                            <img src="../../../assets/img/market_checked.svg" alt="" class="conversion_check">
                            <img src="../../../assets/img/conversion_icon9.svg" alt="" class="conversion_img">
                            <div class="conversion_info">
                                <div class="conversion_name">直播间评论</div>
                                <div class="conversion_text">更多人在直播间评论</div>
                            </div>
                        </div>
                    </el-radio>
                </template>
            </el-radio-group>
        </el-form-item>
    </div>
</template>

<script>
export default {
    props:["createform","dataForm"],
    name: "",
    data() {
        return {};
    },
    created() {},
    methods: {
        changeExternal(){
            this.$emit("changeExternal")
        }
    },
    components: {},
};
</script>


<style scoped>
</style>

